<template>
  <div class="sidebar">
    <el-row class="tac">
  <el-col :span="12">
    
    <el-menu
      router
      :default-active="$route.path"
      class="el-menu-vertical-demo"
      @open="handleOpen"
      @close="handleClose" 
      background-color="#667a96"
      text-color="#fff"
      active-text-color="#ffd04b">
      <!-- <el-submenu index="1"> -->
        <!-- <template slot="title">
          <i class="el-icon-location"></i>
          <span>导航一</span>
        </template> -->
        <el-menu-item-group>
          <el-menu-item index="/home" style="height:80px;"><i class="el-icon-location"></i>    首页</el-menu-item>
          <el-menu-item index="/upload" style="height:80px;" ><i class="el-icon-menu"></i>  文件上传</el-menu-item>
          <el-menu-item index="/search" style="height:80px;" ><i class="el-icon-document"></i>  查询信息</el-menu-item>
          <!-- <el-menu-item index=""  style="height:80px;"><i class="el-icon-upload2"></i>  上传到ipfs</el-menu-item> -->
           <el-menu-item index="/zongcai"  style="height:80px;"><i class="el-icon-s-promotion"></i>  一键仲裁</el-menu-item>
            <el-menu-item index="/task"  style="height:80px;"><i class="el-icon-s-claim"></i>  任务发布</el-menu-item>
            <el-menu-item index="/look"  style="height:80px;"><i class="el-icon-s-claim"></i>  存证总览</el-menu-item>
            <el-menu-item index="/help"  style="height:80px;"><i class="el-icon-question"></i>  帮助</el-menu-item>
          
          <el-menu-item index=""  ></el-menu-item>
          <el-menu-item index=""  ></el-menu-item>
          <el-menu-item index="" ></el-menu-item>
          <el-menu-item index=""  ></el-menu-item>
          <el-menu-item index=""  ></el-menu-item>
          <el-menu-item index="" ></el-menu-item>
        </el-menu-item-group>
        <!-- <el-submenu index="1-4">
          <template slot="title">选项4</template>
          <el-menu-item index="1-4-1">选项1</el-menu-item>
        </el-submenu> -->
      <!-- </el-submenu> -->
      
     
     
    </el-menu>
  </el-col>
  </el-row>
  
  </div>
</template>

<script>
export default{
  name:'SideBar',
  components:{
   },
  data(){
    return{
    }
  },
  methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    //   toOne() {
    //   this.$router.push({
    //     name: '选项一',
        
    //   })
    // },
    // toTwo() {
    //   this.$router.push({
    //     name: '选项二',
        
    //   })
    // },
    // toThree() {
    //   this.$router.push({
    //     name: '选项三',
        
    //   })
    // }
    }
}
</script>

<style scoped>
.sidebar{
  position: fixed;
  width:700px;
  top:83px;
  left:0;
  text-align: center;
}

</style>
